<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="vdab" uri="http://vdab.be/tags" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }"/>
<!doctype html>
<html>
<head>
	<title>Cultuurhuis - overzicht</title>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
</head>

<header>
	<div>
		<h1>Het Cultuurhuis: overzicht</h1>
		<img alt="Logo" src="${pageContext.servletContext.contextPath}/images/bevestig.png">
	</div>	
</header>

<body>
	<div>
		<nav>
			<ul class="menu">
				<c:url value="/" var="rootURL"></c:url>
	    		<li>
	    			<a href="${rootURL }">Voorstellingen </a>
    			</li>
			</ul>
		</nav>
	</div> 
	
	
	<h2>Gelukte reserveringen</h2>
	<c:if test="${not empty gelukteReserveringen }">
		<table>
			<tr>
				<th>Datum</th>
				<th>Titel</th>
				<th>Uitvoerders</th>
				<th>Prijs(&euro;)</th>
				<th>Plaatsen</th>
				
				
			</tr>
			<c:forEach var="voorstelling" items="${gelukteReserveringen }" varStatus="status">
				<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
					<td>${voorstelling.datum }</td>
					<td>${voorstelling.titel }</td>
					<td>${voorstelling.uitvoerders }</td>
					<td>&euro;${voorstelling.prijs }</td>
					<td align="right">${voorstelling.gereserveerdePlaatsen }</td>
								
					
    			</tr>
			</c:forEach>
		</table>
	</c:if>
	
	<h2>Mislukte reserveringen</h2>
	<c:if test="${not empty mislukteReserveringen }">
		<table>
			<tr>
				<th>Datum</th>
				<th>Titel</th>
				<th>Uitvoerders</th>
				<th>Prijs(&euro;)</th>
				<th>Plaatsen</th>
				<th>Vrije plaatsen</th>
			</tr>
			<c:forEach var="voorstelling" items="${mislukteReserveringen }" varStatus="status">
				<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
					<td>${voorstelling.datum }</td>
					<td>${voorstelling.titel }</td>
					<td>${voorstelling.uitvoerders }</td>
					<td>&euro;${voorstelling.prijs }</td>
					<td align="right">${voorstelling.gereserveerdePlaatsen }</td>
					<td align="right">${voorstelling.vrijePlaatsen }</td>
					
					
					
    			</tr>
			</c:forEach>
		</table>
	</c:if>

</body>
</html>